## em 和 rem

em 相对于当前元素的 font-size  
rem 相对于根节点的 font-size(CSS3新增的一个相对单位，基于 html 元素的字体大小来决定，通常配合媒体查询用于解决移动端适配问题)

## vw/vh

w 屏幕宽度的 1%  
vh 屏幕高度的 1%  
vmin 两者的最小值，vmax 两者的最大值

## 长度单位
| 单位 | 名称 | 例子 | 备注 |
| :--: | :--: | ---- | ---- |
|  px  | px 是一种用于定义长度的单位，它表示相对于屏幕的像素数，即像素密度。 |      |      |


css 优化

属性简写,删除零和单位 : 减小生产包体积
背景图使用精灵图 目的：减少http请求节约带宽

css 优先级  
!important > 行内样式 > ID选择器 > 类、伪类、属性选择器 > 标签、伪元素选择器 > 通配符、子类选择器、兄弟选择器